.scroll_bar(@barWidth:6px) {
    &::-webkit-scrollbar {
        width: @barWidth;
        height: 0;
    }

    &::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: #00000001;
        transition: all 2s;
    }

    &:hover::-webkit-scrollbar-thumb {
        background: #00000021;
    }

    &::-webkit-scrollbar-track {
        background: transparent;
        box-shadow: none;
    }

    &:hover::-webkit-scrollbar-track {
        box-shadow: 6px 6px #00000011 inset;
    }
}
.text-overflow{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.scroll_bar_visable(@barWidth:8px) {
    &::-webkit-scrollbar {
        width: @barWidth;
        height: 0;
    }

    &::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background: #00000031;
        transition: all 2s;
    }

    &:hover::-webkit-scrollbar-thumb {
        background: #00000031;
    }

    &::-webkit-scrollbar-track {
      
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    }


}